<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Shake Clock - CodePen</title>

<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
<link rel='stylesheet prefetch'  href="/static/css/csshake.min.css">
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:#d96457;}
/* clock */
.clock{width:360px;height:120px;margin:140px auto 0 auto;transform:translate(-50%, -50%);color:#d96457;font-family:"Lato", sans-serif;}
.clock div{position:relative;float:left;background:#ffe8e8;border-radius:6px;width:96px;height:80px;line-height:80px;text-align:center;font-size:60px;margin:0px 5px;}
</style>

</head>

<body>

<div class='clock'>
  <div class='h shake shake-slow'></div>
  <div class='m shake shake-slow'></div>
  <div class='s shake shake-slow'></div>
</div>

<script src="/static/js/jquery-1.7.2.js"></script>
<script src="/static/js/index1.js"></script>

</body>
</html>